<!--
 * @Description: ...
 * @Author: yangli 121029539@qq.com
 * @Date: 2025-01-18 09:20:44
 * @LastEditTime: 2025-01-20 13:57:22
 * @LastEditors: yangli 121029539@qq.com
 * @FilePath: \pc\layouts\components\footer\index.vue
-->
<template>
    <footer class="layout-footer text-center bg-[#2893c9] py-[30px] text-[#fff]">
       <div class="flex justify-center items-center">
        <div class="flex-1 border-solid border-0 border-r border-[#f5f5f5]">
            <div class="underline text-[22px]  py-[10px]">联系我们</div>
            <div class="py-[10px] text-lg">客服热线（每天09：00-21：00）</div>
            <div class="py-[10px]  text-lg">客服邮箱：wangyanfa@aisidi.com</div>
            <div class="py-[10px]  text-lg">商务合作：zhaolei1@aisidi.com</div>
        </div>
        <div class="flex-1 border-solid border-0 border-r border-[#f5f5f5]">
            <div class="underline text-[22px]  py-[10px]">关于我们</div>
            <div class="py-[10px] text-lg">关于我们</div>
            <div class="py-[10px]  text-lg">发展历程</div>
            <div class="py-[10px]  text-lg">资质证书</div>
        </div>
        <div class="flex-1">
            <div class="underline text-[22px]  py-[10px]">关注我们</div>
            <div class="py-[10px]  text-lg">
                <img src="@/assets/images/icon/icon_wx.png" alt="" class="mx-auto w-[120px] h-[120px]" />
            </div>
            <div class="py-[10px]  text-lg">公众号</div>
        </div>
       </div>
    </footer>
</template>
<script lang="ts" setup>
import { useAppStore } from '@/stores/app'
const appStore = useAppStore()
</script>

<style lang="scss" scoped></style>
